body, h1, h2, li, ul,article,aside,nav, div,span, p, footer, input, span, button,dl,dd,dt,section,header {
    padding: 0;
    margin: 0;
    -webkit-text-size-adjust: none;
    outline: none;
}
html {
  height: 100%;
}
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  position: relative;
  height: 100%;
}
ul{ list-style:none;}
img{
    border: none;
}
a{
  text-decoration: none;
}
/*去除苹果浏览器按钮默认ui处理*/
input[type="text"],
input[type="submit"],
 input[type="reset"],
 input[type="button"],
 button {
 -webkit-appearance: none;
 outline: none;
 }
.clearfix:after{ content:"."; display:block; height:0; clear:both; overflow:hidden;}
.clearfix{ zoom:1;}
.fl{ float: left; }
.fr{float: right;}

/*放大缩小*/
a:hover{
-webkit-animation:pulse 1s .2s ease both;
-moz-animation:pulse 1s .2s ease both;
}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.1)}
100%{-moz-transform:scale(1)}
}
/*从右侧进入*/
a:hover{
-webkit-animation:bounceInRight 0.6s .2s ease both;
-moz-animation:bounceInRight 0.6s .2s ease both;
}
@-webkit-keyframes bounceInRight{
0%{opacity:0;-webkit-transform:translateX(20px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInRight{
0%{opacity:0;-moz-transform:translateX(20px)}
100%{-moz-transform:translateX(0)}
}
/*从左侧进入*/
a:hover{
-webkit-animation:bounceInLeft 0.6s 0.7s ease both;
-moz-animation:bounceInLeft 0.6s 0.7 ease both;
}
@-webkit-keyframes bounceInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{-moz-transform:translateX(0)}
}

/*从下往上走*/
a:hover{
-webkit-animation:fadeInUp 1s 1.3s ease both;
-moz-animation:fadeInUp 1s 1.3s ease both;
}
@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

.Flash,.Shake,.Wobble{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;}
.Flash{-webkit-animation-name:Flash;-moz-animation-name:Flash;-ms-animation-name:Flash;animation-name:Flash;}
.Shake{-webkit-animation-name:Shake;-moz-animation-name:Shake;-ms-animation-name:Shake;animation-name:Shake;}
.Wobble{-webkit-animation-name:Wobble;-moz-animation-name:Wobble;-ms-animation-name:Wobble;animation-name:Wobble;}

/*闪烁*/
@-webkit-keyframes Flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@-moz-keyframes Flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@-ms-keyframes Flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@keyframes Flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
/*摇晃*/
@-webkit-keyframes Shake{0%,100%{-webkit-transform:translateX(0);}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);}20%,40%,60%,80%{-webkit-transform:translateX(10px);}}
@-moz-keyframes Shake{0%,100%{-moz-transform:translateX(0);}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);}20%,40%,60%,80%{-moz-transform:translateX(10px);}}
@-ms-keyframes Shake{0%,100%{-ms-transform:translateX(0);}10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);}20%,40%,60%,80%{-ms-transform:translateX(10px);}}
@keyframes Shake{0%,100%{transform:translateX(0);}10%,30%,50%,70%,90%{transform:translateX(-10px);}20%,40%,60%,80%{transform:translateX(10px);}}
/*摇曳*/
@-webkit-keyframes Wobble{0%{-webkit-transform:translateX(0);}15%{-webkit-transform:translateX(-100px) rotate(-5deg);}30%{-webkit-transform:translateX(80px) rotate(3deg);}45%{-webkit-transform:translateX(-65px) rotate(-3deg);}60%{-webkit-transform:translateX(40px) rotate(2deg);}75%{-webkit-transform:translateX(-20px) rotate(-1deg);}100%{-webkit-transform:translateX(0);}}
@-moz-keyframes Wobble{0%{-moz-transform:translateX(0);}15%{-moz-transform:translateX(-100px) rotate(-5deg);}30%{-moz-transform:translateX(80px) rotate(3deg);}45%{-moz-transform:translateX(-65px) rotate(-3deg);}60%{-moz-transform:translateX(40px) rotate(2deg);}75%{-moz-transform:translateX(-20px) rotate(-1deg);}100%{-moz-transform:translateX(0);}}
@-ms-keyframes Wobble{0%{-ms-transform:translateX(0);}15%{-ms-transform:translateX(-100px) rotate(-5deg);}30%{-ms-transform:translateX(80px) rotate(3deg);}45%{-ms-transform:translateX(-65px) rotate(-3deg);}60%{-ms-transform:translateX(40px) rotate(2deg);}75%{-ms-transform:translateX(-20px) rotate(-1deg);}100%{-ms-transform:translateX(0);}}
@keyframes Wobble{0%{transform:translateX(0);}15%{transform:translateX(-100px) rotate(-5deg);}30%{transform:translateX(80px) rotate(3deg);}45%{transform:translateX(-65px) rotate(-3deg);}60%{transform:translateX(40px) rotate(2deg);}75%{transform:translateX(-20px) rotate(-1deg);}100%{transform:translateX(0);}}/* CSS Document */
